<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <form action="#">
        <!-- value属性用来保存输入框的值，也可以用来设置输入框的默认值
          value如果设置在按钮上，用来设置按钮上显示的文本-->
        用户名:<input type="text" name="username" value="阿巴阿巴"><br>
        <!-- 单值属性: readonly只读(只能看不能改) disable:(只能看不能改，且值不能提交)      -->
        昵称:<input type="text" name="nickname" value="昵称1" readonly><br>
        昵称:<input type="text" name="nickname2" value="昵称2" disabled><br>
        密码:<input type="password" name="password" placeholder="请输入密码"><br>
        密码:<input type="password" name="password2" maxlength="6" placeholder="请输入密码"><br>
        性别:
        <input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女">女<br>
        爱好:
        <input type="checkbox" name="hobby" value="打游戏">打游戏
        <input type="checkbox" name="hobby" value="看电影">看电影
        <input type="checkbox" name="hobby" value="看小说">看小说
        <br>
        <!-- h5新增的一些input控件  -->
        生日:<input type="date" name="birth"><br>
        幸运色:<input type="color" name="cl"><br>
        <!-- 取值范围[0.100],默认值为50  -->
        缩放:<input type="range" name="sz"><br>
        文件:<input type="file" name="uf" ><br>
        喜欢的城市:
        <select name="city">
            <option value="北京" selected>北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select><br>
        <input type="checkbox" name="" id="ok">
        <label for="ok">我已阅读并同意</label><br>
        <label for="uu">关联文字</label>
        <input type="text" name="" id="uu" placeholder="请输入"><br>
        <!-- 多行留言板  -->
        留言板:<textarea name="message" cols="30" rows="10" style="resize: none"></textarea>

        <br>
        <input type="submit" value="biu一下">
        <input type="reset" value="点击重置">
        <input type="button" value="普通按钮">
        <button>按钮</button>
    </form>
</body>
</html>